<template>
	<div class="section section-end text-c">
		<div class="content">
			<img :class="{ animationFireworks1:active }" src="/ilink-app-h5-zd/static/img/ilink_1578472624028.png" id="animationFireworks1">
			<img :class="{ animationFireworks2:active }" src="/ilink-app-h5-zd/static/img/ilink_1578472641023.png" id="animationFireworks2">
			<img :class="{ animationFireworks3:active }" src="/ilink-app-h5-zd/static/img/ilink_1578472652631.png" id="animationFireworks3">
			<div :class="{ textFadeIn:active }">
				<img :src="require('../../../assets/img/yearReport/2020/platform/'+(new Date(reportData.startDate).getFullYear()+1||'emicon')+'.png')" style="width:79%;height: 25%;">
			</div>
			<div :class="{ 'animate__zoomIn':animated }" class="font20 animate__animated" :style="{visibility:animated?'visible':'hidden'}">
				我们与您携手共进<br>共同守护城市消防安全
			</div>
		</div>
		<div>
			<img v-if="showShare" class="sharePageBtn" src="/ilink-app-h5-zd/static/img/ilink_1577975180851.png" @click="handleShare()">
		</div>
		<img src="/ilink-app-h5-zd/static/img/ilink_1578477607666.png" alt="" style="width:172px;position:absolute;right:0;bottom:40px">
	</div>
</template>

<script>
export default {
	props: {
		reportData: {
			type: Object,
			default: function () {
				return {
					joinTime: {},
				}
			},
		},
		orgName: {
			type: String,
			default: '',
		},
		active: {
			type: Boolean,
			default: false,
		},
	},
	watch: {
		active(val) {
			if(val){
				setTimeout(()=>{
					this.animated=true
				},1000)
			}else{
				this.animated=false
			}
		}
	},
	computed: {
		
	},
	data() {
		return {
			showShare:true,
			animated:false
    }
	},
	methods: {
		handleShare() {
			this.$emit('share')
		},
  },
  mounted(){
    //如果是给pc端嵌入
    if (!/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent) && !/(Android)/i.test(navigator.userAgent)) {
        this.showShare=false
    }
  },
}
</script>